<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跑马灯</title>
</head>
<body>
    <div id="app">
        <input type="button" value="浪起来" @click="lang"/>
        <input type="button" value="低调" @click="stop">
        <br>
        {{message}}
    </div>

    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        let vm=new Vue({
            el:"#app",
            data:{
                message:"我们是79期，我们有三年工作经验，我怕谁",
                intervalId:null
            },
            methods:{
                lang:function() {
                    clearInterval(this.intervalId)
                    // 我们是79期，我们有三年工作经验，我怕谁
                    // 们是79期，我们有三年工作经验，我怕谁我
                    // 是79期，我们有三年工作经验，我怕谁我们
                    this.intervalId = setInterval(() => {
                        let startStr=this.message.substring(0, 1);
                        let endStr=this.message.substring(1);
                        this.message = endStr+startStr;
                    },400);

                },
                stop(){
                    clearInterval(this.intervalId)
                }

            }
        })
    </script>
</body>
</html>